<p>heroes works!</p>
<h2>{{heroname}}</h2>
<div>
  <span>Hero Info:{{Hero|json}}</span>
  <h2>{{Hero.name|uppercase}}</h2>
</div>
<div>
  <label>Hero name: </label>
  <input id="name" [(ngModel)]="Hero.name" placeholder="name">
</div>
<div>
  <li *ngFor="let herotemp  of Heroes">
    <span>{{herotemp|json}}</span>
  </li>
</div>
<div>
  <li *ngFor="let herotemp  of Heroes" (click)="onSelect(herotemp)">
    <div *ngIf="selectedHero">
      <h2>{{selectedHero.name | uppercase}} Details</h2>
      <div><span>id: </span>{{selectedHero.id}}</div>
      <div>
        <label for="hero-name">Hero name: </label>
        <input id="hero-name" [(ngModel)]="selectedHero.name" placeholder="name">
      </div>

</div>
</div>
